<html>

<head>
    <title>Frame Animation Demo</title>

    <style>
        #c-1 {
            /* height: 300px;
            height: 300px; */
            border: 3px solid black;
        }
    </style>
</head>

<body>
    <h1>Frame Animation Demo</h1>
    <p>
        <!-- <h2>Canvas's height and width are equal to source images'</h2> -->
        <canvas id="c-1" height="300px" width="300px"></canvas>
        <h3 id="loading">loading...</h3>
    </p>

    <script src="./libs/jquery-3.1.0.min.js"></script>
    <script src="./libs/ion.sound.min.js"></script>
    <script src="./libs/frame-animation.js"></script>
    <script src="./demo.js"></script>
</body>

</html>